
	<div class="zd">
		<div class="top">
			<img src="/images/home.png" alt="">
			<p>你所在的位置是：</p>
			<span>账单管理页面</span>
		</div>
		<div class="opera">
			<p>商品名称：</p>
			<input type="text" placeholder="请输入商品名称">
			<a href="#"><span><img src="/images/search.png" alt=""></span>查询</a>
			<a href="#" data-toggle="modal" data-target="#zdModal"><span><img src="/images/tianjia.png" alt=""></span>添加订单</a>
		</div>
		<table class="table table-bordered table-zd">
			<thead>
				<tr >
					<th>账单编号</th>
					<th>商品名称</th>
					<th>商品单位</th>
					<th>总金额</th>
					<th>供应商</th>
					<th>是否付款</th>
					<th>创建时间</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				
			</tbody>
		</table>
		
		<!--翻页-->
		<nav aria-label="..." style="float: right;">
		  <ul class="pagination">
		    <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
		    <li class="active"><a href="#">1 </a></li>
		    <li ><a href="#">2 </a></li>
		    <li ><a href="#">3 </a></li>
		    <li ><a href="#">4 </a></li>
		    <!--<li ><a href="#">5 </a></li>-->
		    <li ><a href="#" aria-label="Previous"><span aria-hidden="true">&raquo;</span></a></li>
		  </ul>
		</nav>

	</div>

	<!-- 账单模态框 -->
	<div class="modal fade" id="zdModal" tabindex="-1">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
	        <h4 class="modal-title" id="myModalLabel">添加订单</h4>
	      </div>
	      <div class="modal-body">
	      	<div class="alert alert-danger hidden add-zd-error">添加订单有误</div>
	        <form class="form-zd">
			  <div class="form-group">
			    <label for="ddbm">订单编码</label>
			    <input type="text" class="form-control" name="ddbm" >
			  </div>
			  <div class="form-group">
			    <label for="spmc">商品名称</label>
			    <input type="text" class="form-control" name="name" >
			  </div>
			  <div class="form-group">
			    <label for="spdw">商品单位</label>
			    <input type="text" name="company" class="form-control">
			  </div>
			  <div class="form-group">
				    <label for="spsl">商品数量</label>
				    <input type="text" name="count" class="form-control" >
				</div>
				<div class="form-group">
				    <label for="zje">总金额</label>
				    <input type="text" name="money" class="form-control">
				</div>
				<div class="form-group">
				    <label for="zdgys">供应商</label>
				    <select name="" id="">
						<option value="">---请选择供应商---</option>
						<option value="">阿里供应商</option>
						<option value="">腾讯供应商</option>
						<option value="">百度供应商</option>
				    </select>
				</div>
				<div class="form-group">
				    <label for="zdgys">是否付款</label>
				    <input type="radio" name="alike" />未付款
				    <input type="radio" name="alike" />已付款
				</div>
			</form>
	      </div>
	      <div class="modal-footer">
	      	<button type="button" class="btn btn-primary btn-zdkeep">保存</button>
	        <button type="button" class="btn btn-return" data-dismiss="modal">返回</button>
	      </div>
	    </div>
	  </div>
	</div>

	<!-- 只读模态框 -->
	<div class="modal fade" id="zdzdModal" tabindex="-1">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
	        <h4 class="modal-title" id="myModalLabel">订单详情</h4>
	      </div>
	      <div class="modal-body">
	        <form class="form-zdxq">
			  <div >
			    <label for="ddbm">订单编码</label>
			    <input type="text" readonly="readonly" class="form-control" name="ddbm" id="ddbm">
			  </div>
			  <div>
			    <label for="spmc">商品名称</label>
			    <input type="text" readonly="readonly" class="form-control" name="name" id="spmc">
			  </div>
			  <div>
			    <label for="spdw">商品单位</label>
			    <input type="text" readonly="readonly" name="company" class="form-control" id="spdw">
			  </div>
			  <div>
				    <label for="spsl">商品数量</label>
				    <input type="text" readonly="readonly" name="count" class="form-control" id="spsl">
				</div>
				<div>
				    <label for="zje"> 总金额</label>
				    <input type="text" readonly="readonly" name="money" class="form-control" id="zje">
				</div>
				<!-- <div class="form-group">
				    <label for="zdgys">供应商</label>
				    <select name="" id="">
						<option value="">---请选择供应商---</option>
						<option value="">阿里供应商</option>
						<option value="">腾讯供应商</option>
						<option value="">百度供应商</option>
				    </select>
				</div>
				<div class="form-group">
				    <label for="zdgys">是否付款</label>
				    <input type="radio" name="alike" />未付款
				    <input type="radio" name="alike" />已付款
				</div> -->
			</form>
	      </div>
	      <div class="modal-footer">
	      <!-- 	<button type="button" class="btn btn-primary btn-zdkeep">保存</button> -->
	        <button type="button" class="btn btn-return" data-dismiss="modal">返回</button>
	      </div>
	    </div>
	  </div>
	</div>
